<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="p" uri="http://primefaces.prime.com.tr/ui"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view>
	<html xmlns="http://www.w3.org/1999/xhtml"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:p="http://primefaces.prime.com.tr/ui">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title><h:outputText value="#{message.mainHeader}" /></title>
	<link rel="stylesheet" href="css/style1.css" type="text/css"
		media="screen" />
	<script src="js/cufon-yui.js" type="text/javascript"></script>
	<script src="js/ChunkFive_400.font.js" type="text/javascript"></script>
	<script type="text/javascript">
	Cufon.replace('h1', {
		textShadow : '1px 1px #feec87'
	})('.footer');
</script>
	<p:resources />
	<style>
.banner {
	bgcolor: "red";
}
</style>
	</head>
	<body background="arkaplan.jpg">
	<center><h:panelGrid width="900" border="0" columns="1" cellpadding="0" cellspacing="0">

		<h:panelGrid columns="1"  cellpadding="0" cellspacing="0"
			style="width:100%;height:181px;text-align:center;background:url('images/header.jpg');">
			<h:outputLabel value="#{message.mainTitle}" />
		</h:panelGrid>
		<h:form>
			<p:menubar>
				<p:submenu label="Ana Sayfa">
				</p:submenu>
				<p:submenu label="Kitaplar">
					<p:menuitem value="Çok Satanlar"></p:menuitem>
					<p:menuitem value="Yeni Eklenenler"></p:menuitem>
					<p:menuitem value="Acil olanlar"></p:menuitem>
				</p:submenu>
				<p:submenu label="Ders Notları">
					<p:menuitem value="Çok Satanlar"></p:menuitem>
					<p:menuitem value="Yeni Eklenenler"></p:menuitem>
				</p:submenu>
				<p:submenu label="Kullanıcı Görüşleri">
					<p:menuitem value="ddde"></p:menuitem>
				</p:submenu>
			</p:menubar>
		</h:form>
		<h:panelGrid columns="2"  cellpadding="0" cellspacing="0" style="width:100%;text-align:center;">
			<h:outputLabel value="#{message.mainTitle}"
				style="background-image:url('/images/gcc.png');" />
			<h:outputLabel value="#{message.mainTitle}" />
		</h:panelGrid>
		<h:form id="userLoginForm" style="margin-left: auto; margin-right: auto;">
			<table style="margin-left: auto; margin-right: auto;">
				<tr>
					<td><h:outputText value="Enter Login ID: " /></td>
					<td><h:inputText id="userName"
						value="#{UserManagerBean.user.userName}" /></td>
				</tr>
				<tr>
					<td><h:outputText value="Enter Password: " /></td>
					<td><h:inputSecret id="password"
						value="#{UserManagerBean.user.password}" /></td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td><p:commandButton id="login" action="#{UserManagerBean.login}"
						value="#{message.loginButtonLabel}" ajax="false" async="false" /></td>
				</tr>
			</table>
		</h:form>
	</h:panelGrid></center>
	</body>
	</html>
</f:view>